
<% include index.html %>
<style>
    .left-tab {
        height: 50px;
        background-color: #5591ba;
        margin-bottom: 3px;
        text-align: center;
        font-weight: 400;
    }
    .left-tab:hover{
        background: #61a5d4;
    }

    .font-class {
        color: white;
        font-size: large;
        font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
        text-align: left;
        padding-top:10px;
        padding-left:60px;
    }
    .login-class{
        color: white;
        font-size: large;
        font-weight: bold;
        padding-top:10px;
        margin-right:30px;
        text-align: right;
    }
    label {
        font-weight: normal;
    }
</style>
<div style="width:100%"  ng-app="DIBS" class="container-fluid">
<div class='row' style="height:50px; background-color: #3c8dbc">
        <div class="col-lg-7" style="margin-top:5px;"> <p class="font-class">IR4 Domain Integration Knowledge Base System</p></div>
        <div class="col-lg-4" style="margin-top:5px;">
            <div class="login-class">
                <span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;<%= userName %>
                &nbsp;&nbsp;
                <span class="glyphicon glyphicon-log-out"></span> <a href="/logout" style="color: white;">Logout</a>
            </div>
        </div>
</div>

<div class="row" style="height:950px" ng-controller="homeCtrl">
    <div class="col-lg-2" style="height:100%;background-color:#3e717f; padding: 0;" >
        <div class='left-tab' ng-click="chooseTab('searchServiceInfo')" style=" margin-top: 60px" ><div class="font-class"><span class="glyphicon glyphicon-search" style="color:#fafafa"></span> &nbsp;&nbsp;<label>Information Search</label></div> </div>
        <div class='left-tab' ng-click="chooseTab('addServiceInfo')" ><div class="font-class"><span class="glyphicon glyphicon-list-alt" style="color: green"></span> &nbsp;&nbsp;<label>Information Maintain </label> </div></div>
        <%  if('admin'== role){ %>
        <div class='left-tab' ng-click="chooseTab('addUser')"><div class="font-class"><span class="glyphicon glyphicon-user" style="color:#ffaa1d"></span> &nbsp;&nbsp;<label
                >User Manage</label></div> </div>
        <% }%>
        <!--<div ng-if="!GLOBAL_ReadOnly" class='left-tab' ng-click="chooseTab('settings')"><div class="font-class"><span class="glyphicon glyphicon-cog" style="color:#73ff39"></span> &nbsp;&nbsp;<label-->
        <!--&gt;Settings</label></div> </div>-->
    </div>
    <div class="col-lg-9" >
        <div ng-view></div>
    </div>
</div>
</div>
<div style="background-color: #fafafa"><img src="images/oocl.png" style="height:10px;display:inline;vertical-align:middle;">&nbsp;&nbsp;Copyright © 2016-2016. Orient Overseas Container Line Limited. All rights reserved.</div>


